@import 'mixins.scss';
@import 'var.scss';
@import 'table.scss';
@import 'pagination.scss';
@import 'messageBox.scss';

/* 定义各个状态 
 -------------------- */
$status-list: 'pay-wait', 'triage-wait', 'triage-process', 'consult-wait', 'consult-process',
  'check-wait', 'check-process', 'confirm-wait', 'complete', 'cancel', 'close', 'operator-wait',
  'operator-process', 'handle', 'hasbeen', 'notyet';

/* status */
.table-status {
  --background-pay-wait: var(--color-primary);
  --background-triage-wait: #e67125;
  --background-triage-process: #62bbcc;
  --background-consult-wait: #6992ff;
  --background-consult-process: #9366ff;
  --background-check-wait: #ff5683;
  --background-check-process: #0ea3a0;
  --background-confirm-wait: #059441;
  --background-complete: #8bbc20;
  --background-cancel: #969696;
  --background-close: #d5410f;
  --background-operator-wait: var(--color-primary);
  --background-operator-process: #62bbcc;
  --background-handle: #3abdcf;
  --background-hasbeen: #8bbc20; // 已经...、完成...
  --background-notyet: #e67125; // 还未...、待...

  .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
  }

  @include setStatusBg($status-list);
}

/* tag
 -------------------- */
$tag-list: modality outpatient hospital examination emergency 'series-num';

.tag {
  --color-modality: var(--color-success);
  --color-outpatient: #ffa05c;
  --color-hospital: var(--color-primary);
  --color-examination: #60aba9;
  --color-emergency: #fb7b7b;
  --color-series-num: #2eb4b5;

  display: flex;
  width: 42px;
  height: 20px;
  font-size: var(--font-size-small);
  border: 1px solid currentColor;
  border-radius: 4px;
  justify-content: center;
  align-items: center;

  @include setTagColor($tag-list);

  &.modality-tag,
  &.series-num-tag {
    height: auto;
    // padding: 3px 0;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500;
    border-width: 2px;
  }
}

/** button */
$text-button-list: primary confirm cancel delete;

.el-button {
  --color-primary: #167dff;
  --color-confirm: #8bbc20;
  --color-cancel: #666;
  --color-delete: #ea6343;

  @include setTextButtonColor($text-button-list);
}

.is-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  background-color: #fff;
}

.ym-box {
  @include setBox(var(--background-color-base));
}

.el-popover {
  &.no-padding {
    padding: 0;
  }
}

.center-box {
  max-width: 1620px;
  margin: 0 auto;
}

.center-container {
  width: 990px;
  padding: 0 16px 20px;
  margin: 0 auto;
}

.common-header {
  height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
